<template>
  <div class='header'>
      城市选择
      <router-link to='/'>
         <div class='iconfont header-back'>&#xe624;</div>
      </router-link>
  </div>
</template>

<script>
export default {
  name: "CityHeader",
  data() {
    return {};
  },
  methods: {},
  components: {}
};
//  html 的font-size设置成了50px 1rem=50px,1px=0.02rem,设计稿是2倍像素
//  设计稿86px,实际写43px,转换就是0.86rem
</script>

<style lang='stylus' scoped>
@import '~styles/variables'
.header
  height $headerHeight
  line-height $headerHeight
  background $bgColor
  text-align center
  font-size 0.32rem
  color #fff
  position relative
  .header-back
    width 0.64rem
    text-align center
    font-size 0.4rem
    position absolute
    top 0
    left 0
    color #fff
</style>
